<template>
  <span class="bubble">{{num}}</span>
</template>
<script>
export default {
  name: 'bubble',
  props: {
    num: {
      type: Number,
      default: 0
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '../../common/stylus/variable.styl';
.bubble
  padding 2px 6px
  height 12px
  line-height 13px
  background #f01414
  border-radius 10px
  color $color-white
  font-size $fontsize-small-s
</style>
